<!--
 * @Author: your name
 * @Date: 2021-08-19 23:45:02
 * @LastEditTime: 2021-08-22 19:19:46
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /网易严选/index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/ico" href="../img/gold.ico">
    <title>网易严选 - 以严谨的态度，为中国消费者甄选天下优品</title>
    <link rel="stylesheet" href="../css/网易严选.css">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="../font/demo_index.html">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>
<body>
    <!-- header -->
    <div class="header">
        <!-- top -->
        <div class="top">
            <div class="wapper">
                <div class="left">
                    <i class="iconfont icon-tongzhi"></i>
                    <a href="">因事件（疫情、特大暴雨）影响，部分地区无法配送公告</a>
                </div>
                <div class="right">
                    <ul>
                        <li><a href="">登录/注册</a></li>
                        <li><a href="">我的订单</a></li>
                        <li><a href="">会员</a></li>
                        <li ><a href="">甄选家</a></li>
                        <li class="down"><a href="">企业采购<i class="iconfont icon-arrowRight-copy"></i></a>
                            <div class="help">
                                <div><span>企业购</span></div>
                                <div><span>礼品卡</span></div>
                                <div><span>联系我们</span></div>
                            </div>
                        </li>
                        <li class="down"><a href="">客户服务<i class="iconfont icon-arrowRight-copy"></i></a>
                            <div class="help">
                                <div><span>在线客服</span></div>
                                <div><span>帮助中心</span></div>
                                <div><span>商务合作</span></div>
                                <div><span>开放平台</span></div>
                            </div>
                        </li>
                        <li><a href=""><i class="iconfont icon-shouji"></i>APP</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- top结束 -->
        <!-- bottom -->
        <div class="bottom">
            <div class="wapper">
                <!-- seacher -->
                <div class="search">
                 <div class="logo">
                     <img src="../img/logo.png" alt="">
                 </div>
                 <div class="sousuo">
                    <div >
                        <div class="search_top"> <i class="iconfont icon-search"></i>
                            <input type="text"><span class="but_text">搜索</span> 
                        </div>
                        <div class="search_bottom">
                            <a href="">贴秋膘</a>
                        </div>
                    </div>
                 </div>
                 <div class="shopcar">
                    <div class="car">
                        <i class="iconfont icon-gouwuche1"></i>
                        <span>购物车</span>
                        <i class="iconfont icon-0"></i>
                    </div>
                 </div>
                </div>
                <!-- seacher结束 -->
                <!-- menu -->
                <div class="menu">
                    <div class="list">
                        <ul>
                            <li><a href="">首页</a></li>
                            <li><a href="">居家生活</a>
                                <div class="second">
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>壹</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1服饰鞋包.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1数码家电.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1个护清洁.webp">
                                            <span>三</span></div>
                                    </ul>
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>贰</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1母婴亲子.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1美食酒水.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1运动旅行.webp">
                                            <span>三</span></div>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">服饰鞋包</a>
                                <div class="second">
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>壹</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="img/1服饰鞋包.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="img/1数码家电.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="img/1个护清洁.webp">
                                            <span>三</span></div>
                                    </ul>
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>贰</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1母婴亲子.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1美食酒水.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1运动旅行.webp">
                                            <span>三</span></div>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">美食酒水</a>
                                <div class="second">
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>壹</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1服饰鞋包.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1数码家电.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1个护清洁.webp">
                                            <span>三</span></div>
                                    </ul>
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>贰</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1母婴亲子.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1美食酒水.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1运动旅行.webp">
                                            <span>三</span></div>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">个护清洁</a>
                                <div class="second">
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>壹</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1服饰鞋包.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1数码家电.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1个护清洁.webp">
                                            <span>三</span></div>
                                    </ul>
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>贰</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1母婴亲子.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1美食酒水.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1运动旅行.webp">
                                            <span>三</span></div>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">母婴亲子</a>
                                <div class="second">
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>壹</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1服饰鞋包.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1数码家电.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1个护清洁.webp">
                                            <span>三</span></div>
                                    </ul>
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>贰</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1母婴亲子.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1美食酒水.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1运动旅行.webp">
                                            <span>三</span></div>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">运动旅行</a>
                                <div class="second">
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>壹</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1服饰鞋包.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1数码家电.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1个护清洁.webp">
                                            <span>三</span></div>
                                    </ul>
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>贰</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1母婴亲子.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1美食酒水.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1运动旅行.webp">
                                            <span>三</span></div>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">数码家电</a>
                                <div class="second">
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>壹</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1服饰鞋包.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1数码家电.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1个护清洁.webp">
                                            <span>三</span></div>
                                    </ul>
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>贰</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1母婴亲子.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1美食酒水.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1运动旅行.webp">
                                            <span>三</span></div>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">严选全球</a>
                                <div class="second">
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>壹</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1服饰鞋包.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1数码家电.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1个护清洁.webp">
                                            <span>三</span></div>
                                    </ul>
                                    <ul class="second_menu">
                                        <div class="second_menu_text">
                                            <span>贰</span>
                                        </div>
                                        <div class="dialog">
                                            <img src="../img/1母婴亲子.webp">
                                            <span>一</span></div>
                                        <div class="dialog">
                                            <img src="../img/1美食酒水.webp">
                                            <span>二</span></div>
                                        <div class="dialog">
                                            <img src="../img/1运动旅行.webp">
                                            <span>三</span></div>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="">为你严选</a></li>
                            <li><a href="">众筹</a></li>
                            
                        </ul>
                    </div>
                    
                </div>
                <!-- menu结束 -->
            </div>
        </div>
        <!-- bottom结束 -->
    </div>
    <!-- 轮播图 -->
    <div class="lunbo">
        <img src="../img/lunbo.png" alt="">
    </div>
    <!-- content -->
    <div class="content">
    <!-- 侧边栏 -->
    <div class="sidebar_left">
        <ul>
            <div class="title">- 热销榜 -</div>
            <div class="bar">
                <div class="nav"><img src="..//img/全站热销榜.webp">
                    <span>全站<br>热销榜</span>
                </div>
            </div>
            <div class="bar">
                <div class="nav"><img src="..//img/1服饰鞋包.webp">
                    <span>服饰<br>鞋包榜</span>
                </div>
            </div>
            <div class="bar">
                <div class="nav"><img src="..//img/1美食酒水.webp">
                    <span>美食<br>酒水榜</span>
                </div>
            </div>
            <div class="bar">
                <div class="nav"><img src="..//img/1数码家电.webp">
                    <span>数码<br>家电榜</span>
                </div>
            </div>
            <div class="bar">
                <div class="nav"><img src="..//img/1个护清洁.webp">
                    <span>个护<br>清洁榜</span>
                </div>
            </div>
            <div class="bar">
                <div class="nav"><img src="..//img/1运动旅行.webp">
                    <span>运动<br>旅行榜</span>
                </div>
            </div>
            <div class="bar">
                <div class="nav"><img src="..//img/1母婴亲子.webp">
                    <span>母婴<br>亲子榜</span>
                </div>
            </div>
            <div class="bar">
                <div class="nav"><img src="..//img/1全球特色.webp">
                    <span>全球<br>特色榜</span>
                </div>
            </div>
        </ul>
    </div>
    <div class="sidebar_right">
        <ul>
            <div class="mypage">
                <a href="https://gitee.com/ChennJY"><img src="..//img/gitee.png"></a>
                <a href="https://gitee.com/ChennJY"><span>点击查看<br>我的个人主页</span></a>
            </div>
            <div class="bar">
                <div class="nav"><i class="iconfont icon-lianxi2hebing-17"></i>
                    <span>订阅电子刊</span>
                </div>
            </div>
            <div class="bar">
                <div class="nav"><i class="iconfont icon-kefu"></i>
                    <span>在线客服</span>
                </div>
            </div>
            <div class="bar">
                <div class="nav">
                    <a href="#top">
                        <i class="iconfont icon-arrowRight-copy"></i>
                        <span>返回顶部</span>
                    </a>
                </div>
            </div>
        </ul>
    </div>
        <!-- 新品首发部分 -->
        <div class="new">
            <div class="wapper">
                <div class="new_header">
                        <h3 class="name">新品首发</h3>
                        <div class="new_header_left">为你寻觅世间好物 </div>
                        <div class="new_header_right">更多新品></div>
                </div>
                <div class="product">
                        <div  class="productitem">
                            <div class="pic">
                            <img src="https://yanxuan-item.nosdn.127.net/570c17ec4e8088fee50959f81173857c.png?type=webp&quality=95&thumbnail=265x265&imageView" alt="图片丢失">
                            </div>
                            <div class="title">
                                <div class="prodtags">
                                    <span>99选9</span>
                                </div>
                                <h4 class="name">
                                    无添加蔗糖，澳洲进口即食燕麦片 1千克
                                </h4>
                                <p class="price">¥18</p>
                            </div>
                        </div>
                        <div  class="productitem">
                            <div class="pic">
                                <img src="https://yanxuan-item.nosdn.127.net/2c0147161faaa160cf10b6770f1e290d.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                            </div>
                            <div class="title">
                                <div class="prodtags">
                                    <span>特价</span>
                                </div>
                                <h4 class="name">
                                    清新英国梨香 强力去污酵素洗衣液3kg/1kg
                                </h4>
                                <p class="price">
                                    ¥18
                                    <span>¥35</span>
                                </p>
                            </div>
                        </div>
                        <div  class="productitem">
                            <div class="pic">
                                <img src="https://yanxuan-item.nosdn.127.net/6044c806cf07f0a0f427ea001b3cb68c.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                            </div>
                            <div class="title">
                                <div class="prodtags">
                                    <span>特价</span>
                                </div>
                                <h4 class="name">
                                    意面革命，好吃不胖，3分钟即食番茄肉酱面
                                </h4>
                                <p class="price">
                                    ¥18
                                    <span>¥19</span>
                                </p>
                            </div>
                        </div>
                        <div  class="productitem">
                            <div class="pic">
                                <img src="https://yanxuan-item.nosdn.127.net/38779b7e649b2e02f2a689bff17cbc42.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                            </div>
                            <div class="title">
                                <div class="prodtags">
                                    <span>特价</span>
                                </div>
                                <h4 class="name">
                                    封存鲜果的艺术品，鲜果冻 30克*10颗
                                </h4>
                                <p class="price">
                                    ¥18
                                    <span>¥23</span>
                                </p>
                            </div>
                        </div>
                </div>
            </div>
        </div>
        <!-- 新品首发部分结束 --> 
        
        <!-- 人气推荐部分 -->
        <div class="popularity">
            <div class="wapper2">
                <div class="popularity_header">
                    <h3 class="name">人气推荐</h3>
                    <div class="popularity_header_left checked">编辑推荐 </div>
                    <div class="popularity_header_left">热销总榜 </div>
                    <div class="popularity_header_right">更多推荐></div>
                </div>
                <div class="product">
                    <div id="productitemfirst" class="productitem">
                        <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                        <img src="https://yanxuan-item.nosdn.127.net/6b9d93eae44995e560bcaf9154becee4.png?type=webp&quality=95&thumbnail=320x320&imageView" alt="图片丢失">
                        <div class="title">
                            <div class="prodtags">
                                <span>99选9</span>
                            </div>
                            <h4 class="name">
                                
                                惊喜藏在蛋黄里，翻砂卤蛋 245克
                            </h4>
                            <p class="price">¥18</p>
                        </div>
                    </div>
                    <div  class="productitem">
                        <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                        <img src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView alt="图片丢失">
                        <div class="title">
                            <div class="prodtags">
                                <span>99选9</span>
                            </div>
                            <h4 class="name">
                                红杏干 180克
                            </h4>
                            <p class="price">¥18</p>
                        </div>
                    </div>
                    <div  class="productitem">
                        <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                        <img src="https://yanxuan-item.nosdn.127.net/2ef1049164f5de76f3447c7300f285ed.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                        <div class="title">
                            <div class="prodtags">
                                <span> </span>
                            </div>
                            <h4 class="name">
                                含40%散养鸡蛋，芝士蛋糕 800克
                            </h4>
                            <p class="price">¥18</p>
                        </div>
                    </div>
                    <div  class="productitem">
                        <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                        <img src="https://yanxuan-item.nosdn.127.net/55f4fcc2773ac277d0c84138e9b7489b.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                        <div class="title">
                            <div class="prodtags">
                                <span>99选9</span>
                            </div>
                            <h4 class="name">
                                无添加蔗糖，澳洲进口即食燕麦片 1千克
                            </h4>
                            <p class="price">¥18</p>
                        </div>
                    </div>
                    <div  class="productitem">
                        <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                        <img src="https://yanxuan-item.nosdn.127.net/2c0147161faaa160cf10b6770f1e290d.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                        <div class="title">
                            <div class="prodtags">
                                <span>特价</span>
                            </div>
                            <h4 class="name">
                                清新英国梨香 强力去污酵素洗衣液3kg/1kg
                            </h4>
                            <p class="price">
                                ¥18
                                <span>¥35</span>
                            </p>
                        </div>
                    </div>
                    <div  class="productitem">
                        <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                        <img src="https://yanxuan-item.nosdn.127.net/6044c806cf07f0a0f427ea001b3cb68c.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                        <div class="title">
                            <div class="prodtags">
                                <span>特价</span>
                            </div>
                            <h4 class="name">
                                意面革命，好吃不胖，3分钟即食番茄肉酱面
                            </h4>
                            <p class="price">
                                ¥18
                                <span>¥19</span>
                            </p>
                        </div>
                    </div>
                    <div  class="productitem">
                        <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
                        <img src="https://yanxuan-item.nosdn.127.net/38779b7e649b2e02f2a689bff17cbc42.png?type=webp&quality=95&thumbnail=180y180&imageView" alt="图片丢失">
                        <div class="title">
                            <div class="prodtags">
                                <span>特价</span>
                            </div>
                            <h4 class="name">
                                封存鲜果的艺术品，鲜果冻 30克*10颗
                            </h4>
                            <p class="price">
                                ¥18
                                <span>¥23</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 人气推荐部分结束 -->
        
    </div>
    <!-- footer -->
    <div class="footer">
        <ul>
            <div class="left">
                <div>
                    <h3>客户服务</h3>
                    <i class="iconfont icon-kefu"><br><span>在线客服</span></i>
                    <i class="iconfont icon-xiazai16"><br><span>用户反馈</span></i>
                </div>
            </div>
            <div class="center">
                <h3>何为网易严选</h3>
                <span>网易严选是深受新中产喜爱的生活方式品牌, 为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物, 陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</span>
            </div>
            <div class="left">
                <h3>查看我的gitee主页</h3>
                <a href="https://gitee.com/ChennJY"><img src="../img/qrcode.png" alt=""></a>
            </div>
        </ul>
    </div> 
</body>
</html>